<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阳光成单系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./css/x-admin.css" media="all">
</head>
<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a><cite>首页</cite></a> <a><cite>会员管理</cite></a>
			<a><cite>留言列表</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="layui-icon" style="line-height: 30px">ဂ</i></a>
	</div>
	<div class="x-body">
		<form class="layui-form x-center" id="massage-form"
			onsubmit="return false" style="width: 50%">
			<div class="layui-form-pane" style="margin-top: 15px;">
				<div class="layui-form-item">
					<label class="layui-form-label" style="width: 120px">留言状态</label>
					<div class="layui-input-inline"
						style="width: 120px; text-align: left">
						<select id="status" name="status">
							<option value="">未选择</option>
							<option value="未读">未读</option>
							<option value="已读">已读</option>
							<option value="已回复">已回复</option>
						</select>
					</div>
					<div class="layui-input-inline" style="width: 80px">
						<button class="layui-btn" onclick="myPage()" lay-filter="add">
							<i class="layui-icon">&#xe615;</i>查询
						</button>
					</div>
				</div>
			</div>
		</form>
		<xblock>
		<button class="layui-btn layui-btn-danger" onclick="delAll()">
			<i class="layui-icon">&#xe640;</i>批量删除
		</button>
		<span class="x-right" style="line-height: 40px">共有数据：<span
			id="count"></span> 条
		</span></xblock>
		<table class="layui-table">
			<thead>
				<tr>
					<th><input onclick="selectAll(this)" type="checkbox" name=""
						value=""></th>
					<th>留言Id</th>
					<th>留言内容</th>
					<th>用户名</th>
					<th>电话号码</th>
					<th>邮箱</th>
					<th>留言时间</th>
					<th>留言状态</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody id="tbody_message">

			</tbody>
		</table>

		<div id="page"></div>
	</div>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script src="./js/x-layui.js" charset="utf-8"></script>
	<script>
        var $ = null;
    	var laypage = null;
    	var layer = null;
                layui.use(['element','laypage','layer','form'], function(){
                   $ = layui.jquery;//jquery
                  laypage = layui.laypage;//分页
                  layer = layui.layer;//弹出层
                  $(function(){
                	  myPage();
    				});
                });
              //分页显示
       		 function myPage(){
               	 //执行一个laypage实例
               	 $.post("../adminMessage?reqName=getAllMessage",$("#massage-form").serialize(),function(res){
               		 $("#count").html(res);
               	  laypage.render({
               	    elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
               	    count: res,//数据总数，从服务端得到
               	    limit: 5,
               	    jump: function(obj, first){
               	     selMessages(obj.curr,obj.limit);
               	      }
               	  });
               	 },"json");
               }

				//询所有留言信息
             function selMessages(page,size){
            	 $("#tbody_message").html("");
            	$.post("../adminMessage?reqName=getMessage",
            			$.param({page:page,size:size})+'&'+$("#massage-form").serialize(),function(res){
            		for(var i=0;i<res.length;i++){
            			$("#tbody_message").append(`<tr>
                               <td>
                                <input type="checkbox" value="1" name="">
                            </td>
                           
                            <td>${res[i].messageId}</td>
                            <td >
                            ${res[i].messageContent}                           
                            </td>
                            <td>
                            ${res[i].userName}
                            </td>
                            <td >
                            ${res[i].userPhone}
                            </td>
                            <td >
                            ${res[i].userEmail}
                            </td> 
                            <td >
                            ${res[i].time}                           
                            </td>
                            <td >
                                <span  href="javascript:;" onclick="message_edit('处理','comment-edit.html','${res[i].messageId}','','510')" class="layui-btn layui-btn-normal layui-btn-mini">
                                   	 ${res[i].status}
                                </span>
                            </td>
                            <td class="td-manage">
                                <a title="删除" href="javascript:;" onclick="commemt_del(this,${res[i].messageId})" 
                                style="text-decoration:none">
                                    <i class="layui-icon">&#xe640;</i>
                                </a>
                            </td>
                        </tr>`);
            			
            		}
            	},"json")
            }
			//全选与全部选
              function selectAll(obj){
            	  var val = $(obj).prop("checked");
            	  $("#tbody_message input:checkbox").prop("checked",val)
              }

            //批量删除提交
             function delAll () {
            var chks=$("#tbody_message input:checkbox:checked");
            	if(chks.length == 0){
            		layer.alert("您未选择任何行!");
            		return false;
            	}
            	
                layer.confirm('确认要删除吗？',function(index){
                   var ids= [];
                	for(var i=0;i<chks.length;i++){
                    	var id=$(chks[i]).parent().next().html();
                    	ids.push(id);
                    }
                	
                	$.post("../adminMessage?reqName=deleteMessageByIds",{
                		messageId:ids.join(",")
                	},function(res){
                		if(res.success){
                			layer.msg('删除成功', {icon: 1});
                			myPage();
                		}else{
                			 layer.msg('删除失败', {icon: 3});
                		}
                	},"json")
                });
             }
            
            
             // 编辑
             function message_edit(title,url,id,w,h) {
            	$.post("../adminMessage?reqName=updateMessageById",{
            		mId:id
            	},function(res){
            		if(res.success){
            		 sessionStorage.setItem("mId",id);
                 	 x_admin_show(title,url,w,h); 
            		}else{
            			layer.msg("修改失败");
            		}
            	},"json");
             }
            
             /*-删除*/
     		function commemt_del(obj, id) {
     			layer.confirm('确认要删除吗？', function(index) {
     				$.post("../adminMessage?reqName=deleteMessage",{
     					messageId : id
     				},function(res){
     					if (res.success) {
     						layer.msg(res.message, {icon : 1,time : 2000});
     						$(obj).parents("tr").remove();
     					} else {
     						layer.msg(res.message, {icon : 1,time : 2000});
     					}
     				},"json")
     			});
     		}
            </script>
</body>
</html>